<extend name="Base/common"/>
<block name="body">
	<style type="text/css">
		#detail-content{
			min-height: 450px;
			display: inline-block;
			width: 100%;
			margin-bottom: 50px;
		}
		#reserve-content{
			/*display: inline-block;*/
			float: left;
			width:250px;
			padding-right: 20px;
			border-right: solid 1px #ccc;
			margin-left: 40px;
		}
		#reserve-content-img{
			width: 100%;
			height: 200px;
			box-shadow: 0 0 10px #aaa;
			overflow: hidden;
			text-align: center;
		}
		#reserve-content-img img{
			height: 100%;
		}
		#reserve-content-form{
			width: 100%;
		}
		#reserve-content-form form{
			display: block;
		}
		#reserve-content-form form input{
			width: 100%;
			border: solid 2px #ccc;
			padding: 0;
			height:25px;
			box-shadow: 0 0 5px #c7c7c7;
			margin-top: 5px;
		}
		.input-group{
			margin-top: 10px;
		}
		.select-group{
			margin-top: 5px;
			margin-right: 10px;
			display: inline-block;
		}
		.input-group select{
			height: 25px;
			padding: 0;
			margin:0;
			box-shadow: 0 0 5px #c7c7c7;
			border: solid 2px #ccc;
			margin-right: 5px;
		}
		#detail-intro{
			/*display: inline-block;*/
			float: right;
			width: 600px;
			margin-right: 30px;
		}
		.btn-reserver{
			padding:10px 0;
			color:white;
			width: 252px;
			background-color: #c9302c;
			text-align: center;
			display: block;
			margin-top: 20px;
		}
		.btn-reserver:hover{
			background-color: red;
		}
	</style>
	<div class="container">
		<div id="breadcrumb">
			当前位置：
			<a href="{:U('index/index')}">首页</a>
			>
			<a href="{:U('Home/Device/lists')}">仪器设备</a>
			>
			{$device['title']}
		</div>
		<div id="detail-content">
			<div id="reserve-content">
				<center><h3>预约仪器</h3></center>
				<div id="reserve-content-img">
					<img src="/lab{:get_cover($device['apparatus_pic'],'path')}">
				</div>
				<div id="reserve-content-form">
					<form method="post" action="">
						<div class="input-group"><label>预约单位</label><input name="test"></div>
						<div class="input-group">
							<label>预约日期</label>
							<div style="width:100%">
								<div class="select-group"><select name="year">
									<option>2015</option>		
									<option>2016</option>		
									<option>2017</option>
									<option>2018</option>
									<option>2019</option>
									<option>2020</option>
									<option>2021</option>
									<option>2022</option>
									<option>2023</option>
									<option>2024</option>
									<option>2025</option>									
								</select><label>年</label></div>
								<div class="select-group"><select name="month">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
									<option>10</option>
									<option>11</option>
									<option>12</option>
								</select><label>月</label></div>
								<div class="select-group"><select name="day">
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
								</select><label>日</label></div>
							</div>
						</div>
						<div class="input-group">
							<label>使用时段</label>
							<div style="width:100%">
								<div class="select-group"><select name="time">
									<option>09:00~10:00</option>
									<option>10:00~11:00</option>
									<option>11:00~12:00</option>
									<option>12:00~13:00</option>
									<option>13:00~14:00</option>
									<option>14:00~15:00</option>
									<option>15:00~16:00</option>
									<option>16:00~17:00</option>
									<option>17:00~18:00</option>
									<option>18:00~19:00</option>
									<!--<optgroup label="9:00~10:00 已被预约"></optgroup>-->
								</select></div>
							</div>
						</div>
						<div class="input-group"><label>指导教师</label><input name="test"></div>
						<div class="input-group"><label>使用人</label><input name="test"></div>
						<a href="#"><div class="btn-reserver">预约</div></a>
					</form>
				</div>
			</div>
			<div id="detail-intro">
				<center><h3>仪器详情</h3></center>
					{$device['intro']}
			</div>
		</div>

	</div>
</block>